import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const ClockingSystemHome = () => import('../views/clockingSystemHome.vue')
const ClockingSystemSearch = () => import('../views/clockingSystemSearch.vue')
const ClockingSystemMessage = () => import('../views/clockingSystemMessage.vue')
const ClockingSystemSetting = () => import('../views/clockingSystemSetting.vue')
const goToWork = ()=>import('@/views/homeViews/goWork.vue')

const goOffWork = ()=>import('@/views/homeViews/goOffWork.vue')

const businessTravel = ()=>import('@/views/homeViews/businessTravel.vue')

const lunchExpenseRecord = ()=>import('@/views/homeViews/lunchExpenseRecord.vue')

const payrollRecord = ()=>import('@/views/homeViews/payrollRecord.vue')

const travelExpenseRecord = ()=>import('@/views/homeViews/travelExpenseRecord.vue')

const routes = [
  {
    path: '/',
    component: ClockingSystemHome
  },
  {
    path: '/home',
    component: ClockingSystemHome
  },
  {
    path: '/search',
    component: ClockingSystemSearch
  },
  {
    path: '/message',
    component: ClockingSystemMessage
  },
  {
    path: '/setting',
    component: ClockingSystemSetting
  },
  {
    path: '/home/goToWork',
    component: goToWork
  },
  {
    path: '/home/goOffWork',
    component: goOffWork
  },
  {
    path: '/home/businessTravel',
    component: businessTravel
  },
  {
    path: '/home/lunchExpenseRecord',
    component: lunchExpenseRecord
  },
  {
    path: '/home/payrollRecord',
    component: payrollRecord
  },
  {
    path: '/home/travelExpenseRecord',
    component: travelExpenseRecord
  },
  
]

const router = new VueRouter({
  routes,
  linkActiveClass: 'myactive'
})

export default router
